<template>
  <div class="Community-container">
    <van-tabs
      v-model="activeName"
      background="#99d99d"
      color="#ff8700"
      title-active-color="#ff8700"
      sticky
    >
      <van-tab title="关注" name="idol">
        <keep-alive>
          <follow />
        </keep-alive>
        
      </van-tab>
      <van-tab title="推荐" name="recommend">
        <recommend />
      </van-tab>
      <van-tab title="我的" name="my"> 
        <user />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Follow from "./components/follow.vue";
import Recommend from './components/recommend.vue';
import User from './components/user.vue';
export default {
  name: "Community",

  components: {
    Follow,
    Recommend,
    User,
  },

  data() {
    return {
      activeName: "idol",
    };
  },

  mounted() {
    console.log("社区模块挂载...")
  },

  methods: {

  },
};
</script>

<style scoped>
</style>